// .nav,
.snav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.nav{
    @extend .wrap;
    font-size: $titleSmall;

    a.logo {
        width: 34px;
        height: 26px;
        img {
            height: 100%
        }
    }

    a {
        display: inline-block;
        color: $subtext;
    }

    &>a {
        padding: 0 .1rem;
    }

    ul {
        @extend .wrap-item;
    }

    $liActiveW: 12px;

    ul {
        @extend .wrap;
        text-align: center;

        li {
            @extend .wrap-item;
            position: relative;

            span {
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -$liActiveW/2;
                display: block;
                content: "";
                width: $liActiveW;
                height: 0;
                background-color: yellow;
            }

            &.active {
                a {
                    color: $text;
                }
                span {
                    height: 2px;
                }
            }
        }
    }
}

.snav {
    font-size: $titleBig;

    i {
        float: left;
        height: 26px;
        line-height: 26px;
    }

    span { margin-left: -$titleBig/2; }
}


